<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!-- bootstrap table js -->
<script src="../bootstrapTable/dist/bootstrap-table.js"></script>
<script src="../bootstrapTable/dist/locale/bootstrap-table-zh-CN.js"></script>
<script src="ship.js"></script>

<script src="2001/2001.js"></script>
</head>
<body>

	<div class="panel panel-primary">
		<div class="panel-heading">
			<h3 class="panel-title">申请单信息</h3>
		</div>

		<div class="panel-body">
			<form id="Business">
				<table class="table table-bordered">
					<tbody>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								报送机构：<span style="color:red;">*</span>
							</td>
							<td colspan="5">
    							<input style="width: 200px;" type="text" class="form-control" id="org" placeholder="请选择报送机构">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								水域(港口)名称：<span style="color:red;">*</span>
							</td>
							<td>
								<input type="text" class="form-control" name="watersname" placeholder="请输入水域(港口)名称" />
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								进入时间：<span style="color:red;">*</span>
							</td>
							<td>
	   							<input type="date" class="form-control" id="entertime" name="entertime" placeholder="请选择进入时间">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								驶离时间：<span style="color:red;">*</span>
							</td>
							<td>
	   							<input type="date" class="form-control" id="leavetime" name="leavetime" placeholder="请选择进驶离时间">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								进入原因：<span style="color:red;">*</span>
							</td>
							<td colspan="5">
								<textarea class="form-control" rows="2" name="reason" placeholder="请输入进入原因"></textarea>
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								其他需要说明的情况：
							</td>
							<td colspan="5">
								<textarea class="form-control" rows="2" name="otherreason" placeholder="请输入其他需要说明的情况"></textarea>
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								其他管理部门意见：
							</td>
							<td colspan="5">
								<textarea class="form-control" rows="2" name="govopinion" placeholder="请输入其他管理部门意见"></textarea>
							</td>
						</tr>
					</tbody>
				</table>
            </form>
		</div>
	</div>
	
		<div class="panel panel-primary">
		    <div class="panel-heading">
				<span class="panel-title">船舶列表</span>
				<button id="selectShip" type="button" class="btn btn-success" style="height:30px; float: right;"><span class="glyphicon glyphicon-plus"></span>添加船舶</button>
		    </div>
			<form class="form-horizontal" id="ShipList">
			    <table class="table" id="TableShip" style="text-align: center;">
			    	<thead>
			    	<tr>
				        <th style="text-align: center;">中文船名</th>
				        <th style="text-align: center;">英文船名</th>
				        <th style="text-align: center;">IMO号</th>
				        <th style="text-align: center;">船籍</th>
				        <th style="text-align: center;">总吨位</th>
				        <th style="text-align: center;">主机总功率</th>
				        <th style="text-align: center;">船种</th>
				        <!-- <th style="text-align: center;">校验</th> -->
				        <th style="text-align: center; width: 80px;">删除行</th>
			        </tr>
			        </thead>
				<tbody>
	
				</tbody>
				</table>
		    </form>
		</div>

	<div class="modal fade" id="modalCheck" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content" style="width: 800px; height: 600px; overflow:auto;">
			  <div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">校验信息</h4>
				</div>
				
				<div class="modal-body" id="checkinfo">
					<table class="table" id="certShip">
						<caption>法定证书校验</caption>
						<thead>
							<tr>
								<th style="text-align: center;width:35%">校验内容</th>
								<th style="text-align: center;width:10%">校验结果</th>
								<th style="text-align: center;width:55%">结果详情</th>
							</tr>
						</thead>
						</tbody>
					</table>
					
					<table class="table" id="fsc">
						<caption>船舶安检信息校验</caption>
						<thead>
							<tr>
								<th style="text-align: center;width:35%">校验内容</th>
								<th style="text-align: center;width:10%">校验结果</th>
								<th style="text-align: center;width:55%">结果详情</th>
							</tr>
						</thead>
						</tbody>
					</table>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>

</body>
</html>